﻿@model Learnive.Models.Vakje

@{
    ViewBag.Title = "Vakdetails";
}

<script type="text/javascript" src="~/Scripts/tabs.js"></script>
<h2>@Html.DisplayFor(model => model.vakCode) - @Html.DisplayFor(model => model.vakNaam) </h2>

<div id="lessonTabs">
    <ul class="tabs">
        <li><a href="#tab1">@Html.DisplayNameFor(model => model.presentatie)</a></li>
        <li><a href="#tab2">@Html.DisplayNameFor(model => model.opdrachten)</a></li>
        <li><a href="#tab3">Huiswerk</a></li>
        <li><a href="#tab4">@Html.DisplayNameFor(model => model.algemeneOmschrijving)</a></li>
        <li><a href="#tab5">@Html.DisplayNameFor(model => model.competentieLeerdoel)</a></li>
        <li><a href="#tab6">@Html.DisplayNameFor(model => model.toetsingBeoordeling)</a></li>
        <li><a href="#tab7">@Html.DisplayNameFor(model => model.bronnen)</a></li>
    </ul>
    <div class="tab_container">
        <div id="tab1" class="tab_content">
            <p>@Html.Raw(Model.presentatie)</p>
                
                @*<form action="" method="post" enctype="multipart/form-data">
                      <label for="file">Presentatie:</label>
                      <input type="file" name="file" id="file" class="inputfile"/>

                      <input type="submit" class="btn btn-inverse"/>
                </form>*@

                
                <h3>Presentatie week 1</h3>
                <a href="~/Content/upload/P1.ppt"><img src="~/Images/p1.jpg" alt="Presentatie 1" class="img-polaroid"/></a>
                <hr />
            
        </div>

        <div id="tab2" class="tab_content">
            <p>@Html.Raw(Model.opdrachten)</p>
        </div>

        <div id="tab3" class="tab_content">
                <table>
                    <tr>
                        <td><strong>Datum</strong></td>
                        <td><strong>Titel</strong></td>
                        <td><strong>Huiswerk</strong></td>

                    </tr>
                @foreach (var item in Model.Huiswerken) { 
                
                    <tr>
                        <td VALIGN="top">@Html.DisplayFor(m => item.huiswerkDatum)</td>
                        <td VALIGN="top">@Html.DisplayFor(m => item.huiswerkNaam)</td>
                        <td>@Html.Raw(item.huiswerkDetail)</td>
                    </tr>
                }

                </table>
        </div>

        <div id="tab4" class="tab_content">
            <p>@Html.Raw(Model.algemeneOmschrijving)</p>
        </div>

        <div id="tab5" class="tab_content">
            <p>@Html.Raw(Model.competentieLeerdoel)</p>
        </div>

        <div id="tab6" class="tab_content">
            <p>@Html.Raw(Model.toetsingBeoordeling)</p>
        </div>

        <div id="tab7" class="tab_content">
            <p>@Html.Raw(Model.bronnen)</p>
        </div>
    </div>
</div>

@*<fieldset>
    <legend>Vakje</legend>

    

    <div class="display-label">
         @Html.DisplayNameFor(model => model.presentatie)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.presentatie)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.opdrachten)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.opdrachten)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.algemeneOmschrijving)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.algemeneOmschrijving)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.competentieLeerdoel)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.competentieLeerdoel)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.toetsingBeoordeling)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.toetsingBeoordeling)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.bronnen)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.bronnen)
    </div>
</fieldset>*@
<p>
    @Html.ActionLink("Terug", "Index")
</p>
